<div class="detail-contain" btnClickStyle>
    <div class="header-detail">
        <a [routerLink]=" ['']" class="back-to-list">
            <i class="icon-back"></i>
            所有联系人
        </a>
        <a class="edit" (click)="editContact()">编辑</a>
        <div class="name-and-icon">
            <img src="./assets/images/Iverson.jpg">
            <span class="contact-name">
        {{ detail.name }}
                <i [ngClass]="{collect: detail.collection == 0, collected: detail.collection == 1}" (click)="collectTheContact()"></i>
      </span>
        </div>
    </div>
    <ul class="detail-info" >
        <li >
            <p>手机号码：</p>
            <p>{{ detail.telNum | phone }}</p>
        </li>
        <li>
            <p>邮箱：</p>
            <p>{{ detail.email }}</p>
        </li>
        <li>
            <p>生日：</p>
            <p>{{ detail.birthday | date:'yyyy-MM-dd'}}</p>
        </li>
        <li>
            <p>住址：</p>
            <p>{{ detail.address }}</p>
        </li>
    </ul>
    <article class="intro">
        <h3>简介:</h3>
        生活态度好，热爱运动
    </article>
</div>
